import React, { Component } from 'react';
import { StyleSheet, View ,Text} from 'react-native';

import { SafeAreaView } from 'react-navigation';
import BaseStyle from '../constants/Style';
import { List,DatePickerView } from 'antd-mobile-rn';

export default class RadioScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {
      checked: true,
      checked2: false,
    };
  }
  onChange = (value) => {
    console.log(value);
    this.setState({ value });
  }
  onValueChange = (...args) => {
    console.log(args);
  }
  render() {
    return (
      <SafeAreaView
        style={[BaseStyle.flex, styles.homebg]}
        forceInset={{ top: 'never' }}>
        <View style={styles.container}>
         
        <View>
        <Text style={{ margin: 16 }}>Start DateTime</Text>
        <DatePickerView
          value={this.state.value}
          onChange={this.onChange}
          onValueChange={this.onValueChange}
        />
        <Text style={{ margin: 16 }}>End DateTime</Text>
        <DatePickerView
          value={this.state.value}
          onChange={this.onChange}
          onValueChange={this.onValueChange}
        />
      </View>


        </View>
      </SafeAreaView>
    );
  }
}

const styles = StyleSheet.create({
  homebg: {
    backgroundColor: '#eee',
  },
  container: {
    ...BaseStyle.flex,
    paddingTop: 20,
    paddingLeft: 30,
  },
  radView: {
    marginTop: 20,
  },
});
